body{
	/*background-image: url(../img/bg.gif);
	background-repeat:no-repeat;
	background-color:#B2DFDA*/
	
}
a.brand{background:url(../img/logo.png) 30px 10px no-repeat;
width: 73px; height:22px;}
#nav-logo span{background:url(../img/ji.png) 5px 10px no-repeat; padding:18px 22px;}
.navbar .nav .dropdown  > a{font-weight:100}
html, body{
height: 100%;
}
.navbar {
	margin-top: 20px;
	width: 800px;
}
.welcome-navbar-inner {
  padding-left: 20px;
  padding-right: 20px;
  background-color: #0067C8;
  background-image: -moz-linear-gradient(top, #0067C8, #0058A8);
  background-image: -ms-linear-gradient(top, #0067C8, #0058A8);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#0067C8), to(#0058A8));
  background-image: -webkit-linear-gradient(top, #0067C8, #0058A8);
  background-image: -o-linear-gradient(top, #0067C8, #0058A8);
  background-image: linear-gradient(top, #0067C8, #0058A8);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#333333', endColorstr='#222222', GradientType=0);
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.25), inset 0 -1px 0 rgba(0, 0, 0, 0.1);
  -moz-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.25), inset 0 -1px 0 rgba(0, 0, 0, 0.1);
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.25), inset 0 -1px 0 rgba(0, 0, 0, 0.1);
}
.front-container ,.container{
	width:800px;
}
.front-main {
	margin-top: 50px;
	/*background: #fff;
	 min-height: 400px;
	 -webkit-border-radius: 2px;
	 -moz-border-radius: 2px;
	 -o-border-radius: 2px;
	 border-radius: 2px;
	 box-shadow: 0 1px 2px #ccc;*/
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	background: #fff;
	background: -webkit-gradient(linear,left top,left bottom,color-stop(0%,#fff),color-stop(100%,#ddd));
	background: -webkit-linear-gradient(top,#fff 0,#ddd 100%);
	background: -moz-linear-gradient(top,#fff 0,#ddd 100%);
	background: -ms-linear-gradient(top,#fff 0,#ddd 100%);
	background: -o-linear-gradient(top,#fff 0,#ddd 100%);
	background: linear-gradient(top,#fff 0,#ddd 100%);
	filter: progid :DXImageTransform.Microsoft.gradient(startColorstr='#ffffff',endColorstr='#dddddd',GradientType=0);
	border-left: solid 1px #eee;
	border-right: solid 1px #eee;
	border-bottom: solid 1px #ccc;
	-webkit-box-shadow: 0 1px 0 rgba(0,0,0,.1);
	-moz-box-shadow: 0 1px 0 rgba(0,0,0,.1);
	box-shadow: 0 1px 0 rgba(0,0,0,.1);
}
.review-main{
	margin-top: 50px;
	-webkit-border-radius: 14px;
	-moz-border-radius: 14px;
	border-radius: 14px;
	background:url(../img/white-30.png);
	padding:15px;	
}
	.review-console{
	-webkit-border-radius: 12px;
	-moz-border-radius: 12px;
	border-radius: 12px;
	background: #fff;
	min-height:50px;
	}
	
	.review-console h1{		
		font: italic 33px/45px Georgia,Times New Roman,serif;
		color: #000;
		word-wrap: break-word;
		padding:20px;		
	}
	.review-console-alert{background:#D9EDF7}
	.review-label{margin-top:10px;}
	.review-label h1{color:#777}
	
	
	.review-action{text-align: right;padding:25px 0;}
	.review-action button{margin-right:15px;width:150px;}
	.front-main h2{		
		display:block;
		padding:10px 20px;
		font-size:12px;
		font-weight:100;
		color:#666;
		border-bottom:1px solid #E2E2E2;
		-webkit-box-shadow:0 1px 0 #fff;
		-moz-box-shadow:0 1px 0 #fff;
		box-shadow:0 1px 0 #fff;
		-webkit-text-shadow:0 1px 0 rgba(255,255,255,.6);
		-moz-text-shadow:0 1px 0 rgba(255,255,255,.6);
		text-shadow:0 1px 0 rgba(255,255,255,.6);		
	}
	
	.front-main .fragment{
		
		min-height: 20px;

  padding:19px;
	position: relative;
				overflow: visible;
		
	}
	.btn-toolbar {
				position: relative;
				overflow: visible;

	}
		.fragment textarea{
			width:740px;
			resize: none;
			height:100px;
			font-size: 16px;
			padding:10px;
			line-height:150%
			
		}
		
		#recordfragment textarea,#memory-input{
			color:#08c;
			font-size:20px;
		}
		
		
		.front-action{padding:20px 25px;}
#recordfragment {
	border-bottom: 1px solid #dedede;
}
#memoryfragment{
	padding-bottom:0;
}
.library-nav{background:#fff;
-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
}
.library-navbar{margin-bottom:0;}
.library-nav a{color:#93A644}
.library-container{
	margin-top:25px;
	background:url(../img/white-30.png);
	padding:15px 0px;
	min-height:100%;
	width: 940px;
	}
.library-container .span8{width:660px;}
.library-list{
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	background: #fff;
  	border: 1px solid #B5D1CE;
	min-height:150px;
}
.library-list-header{border-bottom: 1px solid #E8E8E8;padding:12px;min-height:20px;}
.library-list-header h2{font-size:18px; line-height:20px;}
.library-list-header h2 .btn{margin-top:-3px;}
.library-list-header h2 .label{margin-left:5px;}
.library-list-item{font-size:16px;line-height:18px;padding: 10px 20px 5px 10px;border-bottom: 1px solid #eee}
.library-list-item_hover{background:#f5f5f5}
.library-list-item h4{margin-left:60px;font-size:18px;line-height:24px;width:500px;text-overflow:ellipsis; white-space:nowrap; overflow:hidden;font-weight:100;font-family:Georgia,Times New Roman,serif;}
.library-list-item p{padding:10px;margin-left:50px;color:#999999; font: italic 16px/150% Georgia,Times New Roman,serif;}
.library-list-item h4.taghide{margin-left:10px;}
.library-list-item p.taghide{margin-left:10px;}
.library-list-item .label{margin-top:15px; width: 40px;text-overflow:ellipsis; white-space:nowrap; overflow:hidden;}
.library-list-item .pull-right{font-size:10px; color:#999}

.library-list .pagination{
	padding-right:30px;	
	text-align:right
}
.library-list .alert{
	margin:10px;
	width: 580px;
}
.recoder-edit textarea{width:510px;
			resize: none;
			height:100px;
			font-size: 16px;
			padding:10px;
			line-height:150%
			}

#tagModal{width:450px;}
.login-navbar {
			}
			.login-navbar .container {
				width: 865px;
			}
			.login-container .alert,.send-container .alert{
				
				position:absolute;
				top:100px;
				width:770px;
				margin:0;
				left:50%;
				margin: 0 0 0 -410px;
				
			}

			
			.login-form {

				top: 200px;
				height: 328px;
				width: 838px;
				margin: 0 0 0 -418px;
				position: absolute;
				left: 50%
			}
			.login-welcome, .login-signin, .login-signup {

				-webkit-border-radius: 4px;
				-moz-border-radius: 4px;
				border-radius: 4px;
			}
			.login-welcome {

				position: absolute;
				top: 0;
				left: 0;
				display: block;
				width: 520px;
				height: 328px;
				background:url(../img/welcome.png) no-repeat;
				border: 0;
			}
			.login-signin, .login-signup {

				background: white;
				background: -webkit-gradient(linear,left top,left bottom,color-stop(0%,white),color-stop(100%,#DDD));
				background: -webkit-linear-gradient(top,white 0,#DDD 100%);
				background: -moz-linear-gradient(top,white 0,#DDD 100%);
				background: -ms-linear-gradient(top,white 0,#DDD 100%);
				background: -o-linear-gradient(top,white 0,#DDD 100%);
				background: linear-gradient(top,white 0,#DDD 100%);
				filter: progid :DXImageTransform.Microsoft.gradient(startColorstr='#ffffff',endColorstr='#dddddd',GradientType=0);
				border-left: solid 1px #EEE;
				border-right: solid 1px #EEE;
				border-bottom: solid 1px #CCC;
				-webkit-box-shadow: 0 1px 0 rgba(0,0,0,.1);
				-moz-box-shadow: 0 1px 0 rgba(0,0,0,.1);
				box-shadow: 0 1px 0 rgba(0,0,0,.1);
			}
			.login-signin {
				position: absolute;
				top: 0;
				left: 536px;
				width: 300px;
				height: 108px;
			}
			.login-signup {
				position: absolute;
				top: 121px;
				left: 536px;
				width: 300px;
				height: 206px;
			}
			.login-signin .username {
				position: absolute;
				top: 14px;
				left: 12px;
				width: 276px;
			}
			.login-signin .password-signin {
				position: absolute;
				top: 50px;
				left: 12px;
				width: 276px;
			}
			.login-signin .forgot-password{
				position: absolute;
				top: 85px;
				left: 16px;
				color:#999
			}
			.login-signin .forgot-password label span{
				color: #999;
				cursor: pointer
			}
			.login-signin .forgot-password a{color: #999}
			.login-form .text-input {
				height: 20px;
			}
			.login-signin .submit {
				height: 30px;
				-webkit-box-shadow: 0 1px 0 #fff;
				-moz-box-shadow: 0 1px 0 #fff;
				box-shadow: 0 1px 0 #fff;
			}
			.login-signin .username .text-input {
				width: 266px;
			}
			.placeholding-input .placeholder {
				position: absolute;
				top: 1px;
				right: 1px;
				bottom: 1px;
				left: 2px;
				z-index: 1;
				height: 20px;
				padding: 4px;
				font-size: 13px;
				line-height: 20px;
				color: #999;
				text-shadow: 0 1px 0 rgba(255, 255, 255, .5);
				white-space: nowrap;
				cursor: text;
				-webkit-transition: opacity .1s, font-size .1s;
				-moz-transition: opacity .1s, font-size .1s;
				-o-transition: opacity .1s, font-size .1s;
				-webkit-user-select: none;
				-moz-user-select: none;
				-o-user-select: none;
				user-select: none;
			}
			.btn-toolbar .placeholder,.fragment .placeholder {
				position: absolute;
				top: 1px;
				right: 1px;
				bottom: 1px;
				left: 2px;
				z-index: 1;
				height: 20px;
				padding: 4px;
				font-size: 13px;
				line-height: 20px;
				color: #999;
				text-shadow: 0 1px 0 rgba(255, 255, 255, .5);
				white-space: nowrap;
				cursor: text;
				-webkit-transition: opacity .1s, font-size .1s;
				-moz-transition: opacity .1s, font-size .1s;
				-o-transition: opacity .1s, font-size .1s;
				-webkit-user-select: none;
				-moz-user-select: none;
				-o-user-select: none;
				user-select: none;
				width:740px;
			resize: none;
			height:100px;
			font-size: 20px;
			padding:10px;
			line-height:150%;
			padding-left:30px;
			padding-top:30px;
			}
			.btn-toolbar .placeholder{
				padding:5px;
				font-size:12px;
				height:30px;
				width:140px;

			}
			.login-signin .password {
				width: 100%;
			}
			.placeholding-input {
				position: relative;
				overflow: visible;
			}
			.flex-table-primary {
				width: 99%;
				padding-right: 5px;
			}
			.flex-table-primary, .flex-table-secondary {
				vertical-align: top;
			}
			.login-signup h2 {
				display: block;
				padding: 10px 12px;
				margin-bottom: 12px;
				font-size: 16px;
				font-weight: 300;
				color: #777;
				border-bottom: 1px solid #E2E2E2;
				-webkit-box-shadow: 0 1px 0 #fff;
				-moz-box-shadow: 0 1px 0 #fff;
				box-shadow: 0 1px 0 #fff;
				-webkit-text-shadow: 0 1px 0 rgba(255,255,255,.6);
				-moz-text-shadow: 0 1px 0 rgba(255,255,255,.6);
				text-shadow: 0 1px 0 rgba(255, 255, 255, .6);
				line-height: 20px;
			}
			.login-signup .placeholding-input {
				display: block;
				width: 276px;
				height: 30px;
				margin: 5px auto 6px auto;
			}
			.login-signup .text-input {
				width: 266px;
			}
			.login-signup .btn {
				position: absolute;
				right: 12px;
				bottom: 12px;
				height: 30px;
				padding-left: 12px;
				padding-right: 12px;
				margin: 0;
				-webkit-box-shadow: 0 1px 0 #fff;
				-moz-box-shadow: 0 1px 0 #fff;
				box-shadow: 0 1px 0 #fff;
			}
.alert-main{
	margin-top: 100px;
	-webkit-border-radius: 14px;
	-moz-border-radius: 14px;
	border-radius: 14px;
	background:url(../img/white-30.png);
	padding:5px;	
}
.alert-console{
	-webkit-border-radius: 12px;
	-moz-border-radius: 12px;
	border-radius: 12px;
	background: #fff;
	min-height:50px;
	}
.alert-console h1{		
		font: italic 33px/45px Georgia,Times New Roman,serif;
		color: #000;
		word-wrap: break-word;
		padding:20px;	
		font-weight:bold;	
	}
.alert-console div{padding:5px 20px;font: normal 23px/23px Georgia,Times New Roman,serif;}
.alert-console h2{		
		font: italic 23px/23px Georgia,Times New Roman,serif;
		color: #666;
		word-wrap: break-word;
		padding:10px 20px;
		margin-top:20px;	
		font-weight:bold;	
	}
	.alert-console ol{margin:0;padding:0 40px;}
	.alert-console ol li{padding:10px 0px;color: #666;}
	.modal-body li{list-style: none}
